<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>slideToggle</title>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$(".flip").click(function () {
				$("#panel").slideToggle("slow")

			})

		})


	</script>
	<style>
		div#panel,p.flip
		{margin: 0px;
			padding: 5px;
			text-align: center;
			background-color: #CCCCCC;
			border: 1px solid #232d3b;

		}
	</style>
</head>
<body>
<div id="panel">
	<p>W3Cshool-领先的Web技术教程站点</p>
	<p>在W3Cschool,你可以找到你所需要的所有网站建设教程.</p>

</div>
<p class="flip" >请点击这里</p>

</body>
</html>